<template>
	<view class="c-xconetnt-txt" :class="[center ? center : null]"><text :selectable="true">{{content}}</text></view>
</template>

<script>
	export default {
		computed: {
			content() {
				if (!this.item) return '';
				return this.item.content;
			},
			center() {
				if (!this.item) return false;
				if (this.item.align && this.item.align == 'center') return true;
				return false;
			},
		},
		props: {
			item: Object,
		},
	}
</script>

<style>
	.c-xconetnt-txt {
		font-size: 30rpx;
		padding: 0rpx 30rpx;
		line-height: 1.8;
		min-height: 30rpx;
		margin: 10rpx 0;
	}

	.c-xconetnt-txt.center {
		text-align: center;
	}
</style>
